<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- css代码 -->
		<style type="text/css">
			/* 标签选择器 div就代表选择上页面上所有的div标签 
			RGB: R:Red 红色   G:Green 绿色  B:Blue 蓝色
				 0-255          0-255        0-255
				 white   255,255,255
				 black    0,0,0
				 
				 255,250,232
				 
				 #000000 黑色
				 #FFFFFF 白色
			*/
			div{
				width: 200px;
				height: 200px;
				background-color: rgb(255,250,232);
			}
		</style>
	</head>
	<body>
		<h1>H1标签</h1>
		<h2>H2标签</h2>
		<h3>H3标签</h3>
		<h4>H4标签</h4>
		<a href="http://news.baidu.com/" target="_blank">百度新闻</a>
		<!-- 换行 -->
		<!-- <br /> -->
		<!-- 画一个水平线 -->
		<!-- <hr /> -->
		<img src="img/01.jpg"  width="100px" height="100px"></img>
		<img src="img/01.jpg"  width="100px" height="100px"/>
		<!-- unordered list 无序列表
		后面大量使用ul：来表达集合这种概念
		-->
		<ul>
		   <li>北京</li>
		   <li>上海</li>
		   <li>深圳</li>
		   <li>广州</li>
		 </ul>
		 <!-- ordered list 有序列表-->
		 <ol>
		    <li>北京</li>
		    <li>上海</li>
		    <li>深圳</li>
		    <li>广州</li>
		  </ol>
		  
		 <hr />
		 
		 <div style="width: 100px;height: 100px;background-color: red;"></div>
		 <div></div>
		 
		 <u>山东省</u><i>青岛市</i><span style="color: red;"><b>城阳区</b>春阳路大润发</span>
	</body>
</html>
